﻿<!DOCTYPE HTML>
<html>
    <head>
    	<title>SMIST</title>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1">
        
        <script type="text/javascript" charset="utf-8" src="../js/librerias/phonegap.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/librerias/jquery.js"></script>
        <script type="text/javascript" src="../js/librerias/jquery.mobile-1.0.1.js"></script>
        <script type="text/javascript" src="../js/librerias/jquery-ajax-queue_1.0.js"></script>
        <script type="text/javascript" src="../js/librerias/jquery.ajaxmanager.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/parametros.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/parametros_base.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/modelos/Helper.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/librerias/md5.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/librerias/pwdmeter.js"></script>
        
        <!--Parametros de Base de Datos-->
        <script type="text/javascript" charset="utf-8" src="../js/bd/BD.js"></script>
        
        <!--Creador-->
        <script type="text/javascript" charset="utf-8" src="../js/usuario/ModificarContrasena.js"></script>
        
        <script type="text/javascript" charset="utf-8">
			document.addEventListener("deviceready", onDeviceReady, false);
			
			function handleEnter (field, event) {
				var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
				if ( keyCode == 13 ) {
					var i;
					for ( i = 0; i < field.form.elements.length; i++ )
						if ( field == field.form.elements[i] )
							break;
					i = (i + 1) % field.form.elements.length;
					field.form.elements[i].focus();
					return false;
				} 
				else
				return true;
			}
        </script>
        
        <link rel="stylesheet" href="../css/jquery.mobile-1.0.1.css" />
        <link rel="stylesheet" href="../css/smist_theme.css" />
    </head>
    
    <body>
        <div data-role="page" id="modificarContrasena" data-theme="a" data-title="SMIST - Modificar Contraseña">
            <div data-role="header">
                <a id="atras" name="atras" data-role="button" data-icon="arrow-l" data-transition="slide">Atras</a>
                <table width="45%" align="center">
                    <tr>
                        <td width="25px" id="imagen_usuario">
                        </td>
                        <td id="titulo_sistema" align="center">
                        </td>
                        <td width="25px" id="imagen_servidor">
                        </td>
                    </tr>
				</table>
                <a id="inicio" name="inicio" data-role="button" data-icon="home" data-transition="slide" data-iconpos="right">Inicio</a>
            </div>
            
            <div data-role="content">
                <form>
                	<h2>Modificar Contraseña</h2>
                    
                    <div data-role="fieldcontain">
                        <label for="password_old">Contraseña Actual:<sup> * </sup></label>
                        <input name="password_old" id="password_old" placeholder="CONTRASEÑA ACTUAL" type="password" required="required" />
                        
                        <label for="password_new">Nueva Contraseña:<sup> * </sup></label>
                        <input name="password_new" id="password_new" placeholder="NUEVA CONTRASEÑA" type="password" required="required" onKeyPress="return handleEnter(this, event)" onKeyUp="chkPass(this.value);" />
                        
                        <label for="confirmpassword">Confirmar Nueva Contraseña:<sup> * </sup></label>
                        <input name="confirmpassword" id="confirmpassword" placeholder="NUEVA CONTRASEÑA" type="password" required="required" />
                        
                        <br />
                        <div id="fuerza" class="centrado">Fuerza de la Contraseña: 0 % <img src='../img/botones/candado.png' /></div>
                    </div>
                    <br />
                    <div id="campo_obligatorio" class="campo_obligatorio">* Campo Obligatorio</div>
                    
                    <br />     
                    <button id="modificar_contrasena" name="modificar_contrasena" type="button" data-theme="a">Modificar Contraseña</button>
                    <input id="id_opcion" name="id_opcion" type="hidden" value="5" />
                    
                    <input name="h_fuerza" id="h_fuerza" type="hidden" />
                    <input name="h_fuerza_sistema" id="h_fuerza_sistema" type="hidden" />
                </form>
            </div>
            
            <div data-role="footer">
                <div id="municipio_pie_pagina" class="pie_pagina"></div>
                <div id="estado_pie_pagina" class="pie_pagina"></div>
            </div>
        </div>
    </body>
</html>